//获取购物车信息
$(function() {
	var cartStr = getCookie('cart');

	if(cartStr) {
		var title = "<div class='title'>全选<input type='checkbox' checked='checked' id='allselect'/><span class='name'>商品</span><span class='pre'>单价</span><span class='num'>数量</span><span class='he'>合计</span><span class='ku'>库存状态</span><span class='cz'>操作</span></div>"
		$('.carUl').before(title);

         //删除选中 清空购物车
        var title = "<div class='carCount'><div class='ccleft'><a href='javascript:;'>删除选中商品</a><a href='javascript:;'>清空购物车</a></div><div class='ccright'>商品总计：￥<span>0</span></div></div>"
        $('.carUl').after(title);

        var goshop = "<div class='goshop'><a class='a1' href='../index.html'>继续购物</a><a href='#' class='a2'>去结算</a></div>"
        $('.carCount').after(goshop);

		var cart = JSON.parse(cartStr);
        var allnum = 0;
		for(var id in cart) {
			var good = cart[id];
            // 商品li
			var li = "<li id='"+id+"'><input type='checkbox' checked='checked' name='food'/><img src='" + good.src + "' /><span>" + good.name + "</span><i>￥：" +
			good.price + "</i><em>" + good.num + "</em><b>"+good.num*good.price+"</b><i>现货</i><a href='javascript:;'>从购车删除</a></li>"
            allnum  = allnum + good.num*good.price;
            $('.ccright span').html(allnum)
            console.log(allnum)
            
			$('.carUl').append(li);
		}

        //li a 从购物车删除
        $('li a').click(function(){          
                var goodId = $(this).parent().attr("id");
                //将cookie中存的购物车商品信息取出
                 var cartStr = getCookie('cart');
                 // 转化成对象
                 var cart = JSON.parse(cartStr);
                 delete cart[goodId];
                 var res = cart; // 这行就是为了下面的代码可以兼容上面注释掉的循环
                 // 将删除了相应商品之后的购物车对象，转化成字符串
                 var resStr = JSON.stringify(res)
                 // 存回cookie
                 setCookie('cart', resStr, 7);
                 console.log(getCookie('cart'));
                 // 界面上将对应的div删除
                 $(this).parent().remove(); 
                 var allnum = 0;
                  for(var id in cart){
                    var good = cart[id];
                    // console.log(id)
                    allnum  = allnum + good.num*good.price; 
                    // console.log(good.num)
                    // console.log(good.price)
                    // console.log(allnum)
                  }
                  $('.ccright span').html(allnum);
        })


        // 全选复选框
        $(function(){
                var cks = $('.carUl li input'); 
                var fk = $(".title #allselect").click(function(){
                    cks.prop("checked", $(this).prop("checked"));

                    if ($(".title #allselect").is(':checked')) {
                        //全选
                        //alert('111')
                        //console.log(allprice1)
                        $('.ccright span').html(allnum);
                    }else{
                        //取消全选
                        //alert('000')
                        $('.ccright span').html('0')
                        //console.log(allprice1)
                    }
                });    
                cks.click(function(){
                    if(!$(this).prop("checked")){
                        fk.prop("checked",false);
                        // 取消选中 从总价减去这条商品的价格
                        var nums = $(this).parent().find('b').html()-0;
                        var allnum  = $('.ccright span').html()-0;
                        //console.log(allnum-nums)
                        $('.ccright span').html(allnum-nums);

                    }else{
                        if(cks.filter(":not(:checked)").length == 0){
                            fk.prop("checked",true);
                        }
                        // 选中 从总价加上这条商品的价格
                        var nums = $(this).parent().find('b').html()-0;
                        var allnum  = $('.ccright span').html()-0;
                        //console.log(allnum+nums)
                        $('.ccright span').html(allnum+nums);
                    }

                });  
            });

        //删除选中
        $('.ccleft a').eq(0).click(function(){
            var $input = $(".carUl li input");
            var len = $('.carUl li').length;
            for (var i = 0; i < len; i++) {
                if ($input.eq(i).is(':checked')){
                    var goodId = $input.eq(i).parent().attr("id");
                    //将cookie中存的购物车商品信息取出
                     var cartStr = getCookie('cart');
                     // 转化成对象
                     var cart = JSON.parse(cartStr);
                     delete cart[goodId];
                     var res = cart; // 这行就是为了下面的代码可以兼容上面注释掉的循环
                     // 将删除了相应商品之后的购物车对象，转化成字符串
                     var resStr = JSON.stringify(res)
                     // 存回cookie
                     setCookie('cart', resStr, 7);
                     console.log(getCookie('cart'));
                     // 界面上将对应的div删除
                     $input.eq(i).parent().remove(); 
                     var allnum = 0;
                    for(var id in cart){
                        var good = cart[id];
                        // console.log(id)
                        allnum  = allnum + good.num*good.price; 
                        // console.log(good.num)
                        // console.log(good.price)
                        // console.log(allnum)
                   }
                   $('.ccright span').html(allnum);
                }
            }
        })
        //清空购物车
        $('.ccleft a').eq(1).click(function(){
            var cartStr = getCookie('cart');
            if (cartStr) {
                var cart = JSON.parse(cartStr);
                // 删除cookie
                console.log(cart)
                for(var id in cart) {
                    console.log(id)
                    var goodId = id;
                    //将cookie中存的购物车商品信息取出
                     var cartStr = getCookie('cart');
                     // 转化成对象
                     var cart = JSON.parse(cartStr);
                     delete cart[goodId];
                     var res = cart; // 这行就是为了下面的代码可以兼容上面注释掉的循环
                     // 将删除了相应商品之后的购物车对象，转化成字符串
                     var resStr = JSON.stringify(res)
                     // 存回cookie
                     setCookie('cart', resStr, 7);
                     $('.carUl li').remove(); 
                     console.log(getCookie('cart'));
                     //删除页面元素
                    $('.carCount').remove();
                    $('.goshop').remove(); 
                }
            }      
        })

	}else {
        var li = "<li class='kong'><span>购物车暂无商品数据</span><a href='../index.html' >现在就去购物>></a></li>"
            $('.carUl').append(li);
    }

})
 


		